<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit">
		<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/jquery.mCustomScrollbar.css" />
		<link rel="stylesheet" href="css/full.css" />
		<title>首页</title>
	</head>
	<body>
		<div class="fContent">
			<div class="fCTop">
				<div class="fCLeft fl">
					<div class="fCPTop">系统贡献值排名</div>
					<ul class="fCLNav">
						<li>
							<div class="fCLNMedal"><img src="image/medal.png"></div>
							<div class="fCLNContent">
								<div class="fCLNCTop">
									<em>腾讯</em>
									<i>¥ 430000</i>
								</div>
								<div class="fCLNCBottom">
									<i><em class="pbar" w="34"></em></i>
									<font>34%</font>
								</div>
							</div>
						</li>
						<li>
							<div class="fCLNMedal"><img src="image/silver.png"></div>
							<div class="fCLNContent">
								<div class="fCLNCTop">
									<em>新浪</em>
									<i>¥ 430000</i>
								</div>
								<div class="fCLNCBottom">
									<i><em class="pbar" w="34"></em></i>
									<font>34%</font>
								</div>
							</div>
						</li>
						<li>
							<div class="fCLNMedal"><img src="image/bronze.png"></div>
							<div class="fCLNContent">
								<div class="fCLNCTop">
									<em>百度</em>
									<i>¥ 430000</i>
								</div>
								<div class="fCLNCBottom">
									<i><em class="pbar" w="50"></em></i>
									<font>50%</font>
								</div>
							</div>
						</li>
						<li>
							<div class="fCLNMedal"><em>4</em></div>
							<div class="fCLNContent">
								<div class="fCLNCTop">
									<em>阿里云</em>
									<i>¥ 430000</i>
								</div>
								<div class="fCLNCBottom">
									<i><em class="pbar" w="60"></em></i>
									<font>60%</font>
								</div>
							</div>
						</li>
						<li>
							<div class="fCLNMedal"><em>5</em></div>
							<div class="fCLNContent">
								<div class="fCLNCTop">
									<em>工具</em>
									<i>¥ 430000</i>
								</div>
								<div class="fCLNCBottom">
									<i><em class="pbar" w="65"></em></i>
									<font>65%</font>
								</div>
							</div>
						</li>
						<li>
							<div class="fCLNMedal"><em>6</em></div>
							<div class="fCLNContent">
								<div class="fCLNCTop">
									<em>其他</em>
									<i>¥ 430000</i>
								</div>
								<div class="fCLNCBottom">
									<i><em class="pbar" w="80"></em></i>
									<font>80%</font>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="fCCenter">
					<div class="fCCTop">
						<a class="fLogo" href="#this"><img src="image/fLogo.png"></a>
						<div class="fr">
							<p>目标贡献值</p>
							<em>900,000,000</em>
						</div>
					</div>
					<div class="dCRight">
						<div class="dCRBg"></div>
						<div class="dCRContent">
							<div class="dCRSideline"></div>
							<div class="dCRCProgress">
								<div class="circleChart" id="2" data-value="77" style="transform: rotate(270deg);"></div>	
							</div>
							<div class="dCRCWords">
								<em>贡献值/元</em>
								<p class="counter">32,093,213</p>
								<i><font>50</font>%</i>
							</div>
						</div>
					</div>
				</div>
				<div class="fCRight fr">
					<div class="fCPTop">贡献值实时明细</div>
					<ul class="fCRNav">
						<li>
							<em class="fCRNTime">15:35</em>
							<i class="fCRNTitle">腾讯</i>
							<p class="fCRNContent">批注稿件重复字数20321字</p>
							<div class="fCRNAchievements">
								<em class="fCRNATime">-3分钟</em>
								<em class="fCRNAMoney">-1200元</em>
							</div>
						</li>
						<li>
							<em class="fCRNTime">15:35</em>
							<i class="fCRNTitle">新浪</i>
							<p class="fCRNContent">批注稿件重复字数20321字</p>
							<div class="fCRNAchievements">
								<em class="fCRNATime">-3分钟</em>
								<em class="fCRNAMoney">-1200元</em>
							</div>
						</li>
						<li>
							<em class="fCRNTime">15:35</em>
							<i class="fCRNTitle">QQ</i>
							<p class="fCRNContent">批注稿件重复字数20321字</p>
							<div class="fCRNAchievements">
								<em class="fCRNATime">-3分钟</em>
								<em class="fCRNAMoney">-1200元</em>
							</div>
						</li>
						<li>
							<em class="fCRNTime">15:35</em>
							<i class="fCRNTitle">阿里云</i>
							<p class="fCRNContent">批注稿件重复字数20321字</p>
							<div class="fCRNAchievements">
								<em class="fCRNATime">-3分钟</em>
								<em class="fCRNAMoney">-1200元</em>
							</div>
						</li>
						<li>
							<em class="fCRNTime">15:35</em>
							<i class="fCRNTitle">百度</i>
							<p class="fCRNContent">批注稿件重复字数20321字</p>
							<div class="fCRNAchievements">
								<em class="fCRNATime">-3分钟</em>
								<em class="fCRNAMoney">-1200元</em>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="fCFooter">
				<ul class="dSList">
					<li class="dSLOne cur">月</li>
					<li class="dSLTwo">周</li>
					<li class="dSLThree">日</li>
				</ul>
				<div id="main3"></div>
			</div>
		</div>
		
		<script src="js/jquery-1.7.2.min.js"></script>

		<script src="js/echarts.min.js"></script>
		<script src="js/full.js"></script>
		<script src="js/circleChart.min.js"></script>
		<script>
			//countDown();
			//$('.counter').countUp();
			$(".circleChart#2").circleChart({
	            size: 230,
	            value: 50,
	            widthRatio: 0.07,
	            speed:2800,
				color: "#07D2ED",
				backgroundColor: "#222940",
        	});
        	Progress();
		</script>
	</body>
</html>
